<template>
    <div>
        <el-table :data="form.getList" style="width: 100%">
            <el-table-column label="姓名" prop="uesername" />
            <el-table-column label="性别" prop="sex" />
            <el-table-column label="年龄" prop="age" />
            <el-table-column label="专业" prop="major" />
            <el-table-column label="是否毕业" prop="graduation" />
            <!-- <template #default="scope">
                <el-button size="small" @click="handleEdit(scope.$index, scope.row)">Edit</el-button>
            </template> -->
            <el-table-column label="个人介绍" prop="name" />
            <el-table-column>
                <el-button size="small" type="danger" @click="handle(scope.row)">毕业</el-button>
                <el-button size="small" type="danger" @click="handleDel(scope.row)">删除</el-button>
            </el-table-column>
        </el-table>
    </div>
</template>

<script setup>
import { ref, reactive, toRefs, onBeforeMount, onMounted } from 'vue'
import { tudentInfor } from '../utils/API'
const form = reactive({
    major: '前端',
    getList: [],
})

const a = async () => {
    try {
        const res = await tudentInfor(from)
        console.log(res);
        from.getList = res.data.data
    } catch (error) {
        console.log(error);
    }
}

</script>
<style scoped>

</style>